import { Component } from 'react'
import avatar from '../images/avatar.png'

class Form extends Component {
  render() {
    return (
      <div className="comment-send">
        <div className="user-face">
          <img className="user-head" src={avatar} alt="" />
        </div>
        <div className="textarea-container">
          <textarea
          cols="80"
          rows="5"
          placeholder="发条友善的评论"
          className="ipt-txt"
          value={this.props.content}
          onChange={this.props.handleChange}
        />
        <button onClick={this.props.add} className="comment-submit">
          发表评论
        </button>
        </div>
        <div className="comment-emoji">
          <i className="face"></i>
          <span className="text">表情</span>
        </div>
      </div>
    )
  }
}
export default Form